<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Sancionar" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<a4j:region id="region">
						<h:panelGrid columns="1">
							<h:outputText value="BÚSQUEDA DE AMONESTADOS"
								styleClass="th200_titulo" />
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<rich:separator styleClass="separadorTres"></rich:separator>
						<rich:spacer height="10px;"></rich:spacer>
						<h:panelGrid columns="7">
							<h:outputText value="Temporada" styleClass="th80" />
							<h:selectOneMenu value="#{sancionesAction.temporada}"
								styleClass="input75">
								<s:selectItems var="tipo" value="#{sancionesAction.temporadas}"
									label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
								<a4j:support event="onchange" reRender="jornadas"
									limitToList="true"></a4j:support>
							</h:selectOneMenu>
							<rich:spacer width="25px;"></rich:spacer>
							<h:outputText value="Jornada" styleClass="th80" />
							<h:selectOneMenu value="#{sancionesAction.jornada}"
								styleClass="input50" id="jornadas">
								<s:selectItems var="tipo" value="#{sancionesAction.jornadas}"
									label="#{tipo.numJor}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
							</h:selectOneMenu>
							<rich:spacer width="25px;"></rich:spacer>
							<a4j:commandButton action="#{sancionesAction.search()}" value=""
								styleClass="boton_peq buscar" reRender="resultados, mensaje"
								title="pulsa para buscar los amonestados de la jornada" />
						</h:panelGrid>
						<rich:spacer height="15px;"></rich:spacer>
						<h:panelGrid columns="1">
							<h:outputText value="RESULTADOS CONSULTA"
								styleClass="th200_titulo" />
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<rich:separator styleClass="separadorTres"></rich:separator>
						<rich:spacer height="15px;"></rich:spacer>
						<h:panelGrid columns="1" id="resultados">
							<h:panelGrid columns="1" cellspacing="10px;"
								rendered="#{amonestados != null and amonestados.size == 0}">
								<h:outputText
									value="No se han obtenido resultados con los criterios establecidos."
									styleClass="thDescripcion_peq600" />
							</h:panelGrid>
							<h:panelGrid columns="1" cellspacing="10px;"
								rendered="#{amonestados != null and amonestados.size > 0}">
								<h:outputText
									value="#{sancionesAction.totalAmon} amonestado/es encontrado/s."
									styleClass="thDescripcion_peq600" />
								<rich:spacer height="10px;"></rich:spacer>
								<h:panelGrid columns="2">
									<rich:spacer width="75px;"></rich:spacer>
									<h:panelGrid columns="1">
										<rich:dataTable id="tablaAmonestados" value="#{amonestados}"
											var="amo" headerClass="rich-table-header"
											onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
											onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
											rowClasses="fila_impar,fila_par" cellpadding="0"
											cellspacing="0"
											rendered="#{amonestados!=null and amonestados.rowCount >0}"
											width="500px" rows="10">

											<rich:column style="width:150px;text-align:center;"
												sortBy="#{amo.partJugador.jugador.apellidos}">
												<f:facet name="header">
													<h:outputText value="Apellidos" style="width:150px;" />
												</f:facet>
												<h:outputText value="#{amo.partJugador.jugador.apellidos}"
													title="#{jug.apellidos}" style="width:150px;"></h:outputText>
											</rich:column>
											<rich:column style="width:150px;text-align:center;"
												sortBy="#{amo.partJugador.jugador.nombre}">
												<f:facet name="header">
													<h:outputText value="Nombre" style="width:150px;"></h:outputText>
												</f:facet>
												<h:outputText value="#{amo.partJugador.jugador.nombre}"
													style="width:100px;"></h:outputText>
											</rich:column>
											<rich:column style="width:75px;text-align:center;">
												<f:facet name="header">
													<h:outputText value="Equipo" style="width:100px;"></h:outputText>
												</f:facet>
												<h:outputText
													value="#{amo.segEquipo.partEquipo.equipo.nombre}"
													style="width:75px;">
												</h:outputText>
											</rich:column>
											<rich:column style="width:75px;text-align:center;">
												<f:facet name="header">
													<h:outputText value="Amonestación" style="width:75px;"></h:outputText>
												</f:facet>
												<h:graphicImage url="#{sancionesAction.verTarjetas(amo)}" />
											</rich:column>
											<rich:column style="width:50px;text-align:center;">
												<f:facet name="header">
													<h:outputText value="" style="width:50px;"></h:outputText>
												</f:facet>
												<a4j:commandButton action="#{sancionesAction.sancionar()}"
													value="" styleClass="boton2 sancionar"
													title="pulsa para completar los datos de la sanción"
													style="width:50px;" />
											</rich:column>
										</rich:dataTable>
										<rich:datascroller align="center" for="tablaAmonestados"
											maxPages="20" id="sc" page="1"
											rendered="#{amonestados!= null and amonestados.rowCount>0}" />
									</h:panelGrid>
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGrid>
					</a4j:region>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="5" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{sancionesAction.volver()}"
					title="pulsa para volver al menú sanciones de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{sancionesAction.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla para sancionar jugadores. Para encontrar los jugadores amonestados, seleccione la temporada 
					y la jornada que desee. Posteriormente, seleccione al jugador que desea sancionar y rellene los datos de la sanción."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>